<template>
  <div>
    <headerTop></headerTop>
    <headerMin></headerMin>
    <!-- 主体 -->
    <div class="allGoods">
      <!-- 索引 -->
      <div class="indexes wrap">快速购药</div>
      <div class="content wrap bgw">
          <!-- 索引列表 -->
          <div class="indexesList fl">
              <div class="title">
                  中西药品
                  <img class="fr" src="@/assets/image/Listofcommodities_Open_icon@2x.png" alt="">
                <div class="list">
                    <p class="one">
                        <img src="@/assets/image/Listofcommodities_plus_icon@2x.png" alt="">
                        养胃护肝
                    </p>
                    <div class="txt">
                        <p class="one">
                        风湿类风湿
                    </p>
                    </div>
                    
                </div>
              </div>
              <div class="title">
                  营养保健
                  <img class="fr" src="@/assets/image/Listofcommodities_Open_icon@2x.png" alt="">
              </div>
          </div>
          <!-- 商品列表 -->
      <div class="goodsList  fr">
          <div class="pageTop">
            <span>1</span>/50  
            <img src="@/assets/image/Listofcommodities_Left_icon@2x.png" alt=""> 
            <img src="@/assets/image/Listofcommodities_right_icon@2x.png" alt=""> 
          </div>
        <!-- 商品详情 -->
        <div  @click="goGoodsDetails()" class="goodsDetails">
          <img src="@/assets/image/bg1.jpg" alt />
          <p class="one">￥30.20</p>
          <p class="two">京都念慈菴 京都念慈菴蜜炼川贝枇杷膏京都念慈菴 京都念慈菴蜜炼川贝枇杷膏京都念慈菴 京都念慈菴蜜炼川贝枇杷膏</p>
          <p class="one">
            评论
            <span>2100</span>
            条
          </p>
          <button>立即购买</button>
        </div>
      </div>
      </div>
    </div>
    <div class="bg1">
      <publicBottom></publicBottom>
    </div>
  </div>
</template>
<script>
import headerTop from "@/components/public/public_headerTop.vue";
import headerMin from "@/components/index/index_header_min";
import publicBottom from "@/components/public/public_bottom";
export default {
  components: {
    headerTop,
    headerMin,
    publicBottom
  },
  data() {
    return {
      searchState: 0
    };
  },
  methods:{
      goGoodsDetails(){
        this.$router.push('/goodsDetails')
      }
  }
};
</script>
<style lang="less" scoped>
@import "../../assets/less/index";
</style>